<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>Facelet Title</title>
    </h:head>

    <link rel="stylesheet" type="text/css" href="css/estilo_observatorio_geral.css"/>
    <link rel="stylesheet" type="text/css" href="css/estilo_observatorio_home.css"/>
    <link href='http://fonts.googleapis.com/css?family=Average+Sans' rel='stylesheet' type='text/css'/>

    <h:body onload="MM_preloadImages('images/2quadrante_hover.jpg')">
        <div id="wrap_site">
            <div id="topo">
                <div id="menu">
                    <ul>
                        <li><a href="index.html">INÍCIO</a></li>
                        <li><a href="quem_somos/index.html">QUEM SOMOS</a></li>
                        <li><a href="eixos.html">EIXOS DE OBSERVAÇÃO</a></li>
                        <li><a href="projetos.html">PROJETOS</a></li>
                        <li><a href="noticias/index.html">NOTÍCIAS</a></li>
                        <li><a href="contato.xhtml">CONTATO</a></li>
                        <li><a href="indexSistema.xhtml">ACESSO AO SISTEMA</a></li>	
                    </ul>
                </div> <!--END MENU-->

                <div id="redes_sociais"> 
                    <a href="#"><img src="images/icone_tw.jpg" width="17" height="17" alt="Tweeter" /></a>
                    <a href="#"><img src="images/icone_linkedin.jpg" width="17" height="17" alt="LinkedIn" /></a>
                    <a href="#"><img src="images/icone_gplus.jpg" width="17" height="17" alt="Google Plus" /></a>
                    <a href="#"><img src="images/icone_flickr.jpg" width="17" height="17" alt="Flickr" /></a>
                    <a href="#"><img src="images/icone_fb.jpg" width="17" height="17" alt="Facebook" /></a>
                </div> <!--END REDES SOCIAIS-->

                <div class="clear_float"></div>
            </div> <!--END TOPO-->

            <div id="conteudo_home">

                <div id="sidebar_left_home">
                    <img src="images/id_observatorio_home.jpg" width="305" height="240" alt="Observatório" />
                    <a href="eixo_aprendizagem/index.xhtml"><img src="images/bt_home_eixo_ensino.jpg" width="305" height="240" alt="Eixo Ensino Aprendizagem" style="margin-left:10px;"  /></a>
                    <a href="eixo_inovacao/index.xhtml"><img src="images/bt_home_eixo_inovacao.jpg" alt="Eixo Inovação" width="305" height="240" style="margin:10px 10px 0 0;" /></a>
                    <a href="eixo_avaliacao/index.xhtml"><img src="images/bt_home_eixo_avaliacao.jpg" width="305" height="240" alt="Eixo Avaliação" style="margin-top:10px;"/></a>
                    <div class="clear_float"></div>
                </div>
                <div id="sidebar_right_home">
                    <div id="noticias_sidebar_home">
                        <h1>Notícias</h1>

                        <ui:repeat var="noticia" value="#{noticiaBeanConsulta.buscarDestaques()}" varStatus="status">  
                            <div id="noticias_home">
                                <img src="imagens/"  width="270" height="77" alt="noticia 1" />
                                <h4 class="chamada_noticia"> #{noticia.resumo} <a href="#" class="leiamais">LEIA+</a></h4>
                                <div class="clear_float"></div>
                            </div>
                        </ui:repeat> 

                        <!--
                        <div id="noticias_home">
                            <img src="images/chamada_noticia1.jpg" width="270" height="77" alt="noticia 1" />
                            <h4 class="chamada_noticia">O VII Encontro Nacional de Pesquisadores em Gestão Social acontecerá em Belém/PA entre os dias 27 e 29 de maio de 2013. <a href="#" class="leiamais">LEIA+</a></h4>
                            <div class="clear_float"></div>
                        </div>

                        <div id="noticias_home2">
                            <img src="images/chamada_noticia2.jpg" width="92" height="114" alt="noticia 2" />
                            <h4 class="chamada_noticia">Cadernos Gestão Social acaba de publicar seu último número. Convidamos a navegarem no sumário da revista para acessar o editorial, artigos. <a href="#" class="leiamais">LEIA+</a></h4>
                            <div class="clear_float"></div>
                        </div>


                        <div id="noticias_home3">
                            <img src="images/chamada_noticia3.jpg" width="92" height="56" alt="noticia 2" />
                            <h4 class="chamada_noticia">A Revista NAU Social está com chamada aberta para os próximos números. <a href="#" class="leiamais">LEIA+</a></h4>
                            <div class="clear_float"></div>
                        </div>
                        -->


                    </div>
                </div>
                <div class="clear_float"></div>
            </div> <!--END CONTEUDO-->

            <div id="footer">
                <p class="texto_rodape">Observatório da Formação em Gestão Social (2013)</p>
            </div>
            <div id="wrap_marcas">
                <img src="images/id_each_usp.jpg" width="50" height="67" alt="EACH/USP" />
                <img src="images/id_ufba.jpg" width="50" height="67" alt="UFBA" />
                <img src="images/id_ufc.jpg" width="50" height="67" alt="UFC" />
                <img src="images/id_uft.jpg" width="95" height="67" alt="UFT" />
                <img src="images/id_puc.jpg" width="37" height="67" alt="PUC" />
                <img src="images/id_udesc.jpg" width="47" height="67" alt="UDESC" />
                <img src="images/id_ufb.jpg" width="71" height="67" alt="UFB" />
                <img src="images/id_puc_mg.jpg" width="71" height="67" alt="PUC/MG" />
            </div>


        </div>
    </h:body>
</html>

